<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<title>日程修改</title>
	
	<link rel="stylesheet" href="style/weuix.min.css"/>
	<link rel="stylesheet" href="style/richeng.css"/>
	<script src="js/zepto.min.js"></script>
    </script><script src="js/picker.js"></script>
  <script src="js/select.js"></script>
	


	<style>
	.weui_tab_nav .weui_nav_green.bg_green{border-color: #fff;}
	.weui_tab_nav .weui_nav_green{border: 1px solid #FFFFFF;}
	</style>

</head>
<body ontouchstart>

<div class="topbg">
		<div class="weui_btn_primary weui-header "> 
			<div class="weui-header-left"> <a class="icon icon-109 f-white" href="javascript:;"  onclick="javascript:history.go(-1);" ></a>  </div>
			<h1 class="weui-header-title">日程修改</h1>
			<div class="weui-header-right"><a class=" f-white"  href="javascript:;" >保存</a></div> 
		</div>
		<div class="cont" >
			<h1>中德生态园管委主任办公会</h1>
			<p>刘寅虎于 2017年6月12日  09:20 创建</p>
		</div> 
 
</div>

<!-- 字段 -->
 
<div class="weui_cells weui_cells_form" style="margin-top: 0;">

    <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">日程主题</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text"  placeholder="请输入日程主题"/>
                </div>
    </div>

 

     <div class="weui_cell weui_vcode">
            <div class="weui_cell_hd"><label class="weui_label">提醒人员</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <div class="person"  id='d3'>
                    <span>你好 <i class="icon icon-95"></i></span>
                    <span>你好 <i class="icon icon-95"></i></span>
                    <span>你好 <i class="icon icon-95"></i></span>
                    <span>你好 <i class="icon icon-95"></i></span>

                    
                </div>


            </div>
            <div class="weui_cell_ft">
                <i class="weui_icon_warn"></i>
                <a href="javascript:;" class="weui-vcode-btn  open-popup  " id="rysl"  data-target="#popup">添加</a>
            </div>
        </div>


<style>
    .person{margin:4px;}
       .person span{display: inline-block; border:1px solid #04BE02; padding:2px  4px;margin: 0 4px 4px 0; border-radius: 2px;font-size: 13px; background: #E8FFE8; color: #0A930A}
    .person span i{font-size: 10px;padding-right: 0;}
</style>


</div>

<!--  -->


<div class="weui_cells weui_cells_form">
    <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">开始时间</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" pattern="[0-9]*" placeholder="请输入开始时间"  id='time' />
                </div>
    </div>

    <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">结束时间</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" pattern="[0-9]*" placeholder="请输入结束时间"  id='time2' />
                </div>
    </div>
</div>
<!--  -->


<div class="weui_cells weui_cells_form">
    <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">地点</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" pattern="[0-9]*" placeholder="请输入地点"/>
                </div>
    </div>

    <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">日程描述</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                     <textarea id="textarea" class="weui_textarea" placeholder="请输入描述" rows="3"></textarea>
                </div>
    </div>

       <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">文件</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                      <div class="camera-area">
 <form enctype="multipart/form-data" method="post">
 <input type="file" name="fileToUpload" class="fileToUpload" accept="*"  capture="camera"/>
  <div class="upload-progress"><span></span></div>
 </form>
 <div class="thumb"></div>
 </div>


                </div>
    </div>



        <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label for="" class="weui_label">公开程度</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" name="select2">
                        <option value="1">公开</option>
                        <option value="2">不公开</option>
                       
                       
                    </select>
                </div>
            </div>


<div class="weui_btn_area weui_btn_area_inline">
        <a href="javascript:;" class="weui_btn weui_btn_default" id="sd2">删除日程</a><a href="javascript:;" class="weui_btn weui_btn_primary"  id="showToast">保存</a>
        </div>


</div>



<!-- 人员弹框 -->
    <div id="popup" class="weui-popup-container">
  <div class="weui-popup-modal">
 
    <div class="weui_btn_primary weui-header "> 
  <div class="weui-header-left"> <a class="icon icon-109 f-white  close-popup"  href="javascript:;"   id="p1"></a>  </div>
   <h1 class="weui-header-title">选择参与人员</h1>
    <div class="weui-header-right"><a class="f-white close-popup" href="javascript:;"    id="success">完成</a></div> 
    </div>


             <div class="weui_cells_title">选择日程人员</div>
        <div class="weui_cells weui_cells_checkbox">
            <label class="weui_cell weui_check_label" for="s11">
                <div class="weui_cell_hd">
                    <input type="checkbox" class="weui_check" name="checkbox1" id="s11" checked="checked">
                    <i class="weui_icon_checked"></i>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <p>张苗</p>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="s12">
                <div class="weui_cell_hd">
                    <input type="checkbox" name="checkbox1" class="weui_check" id="s12">
                    <i class="weui_icon_checked"></i>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <p>王玉</p>
                </div>
            </label>
            <label class="weui_cell weui_check_label" for="s13">
                <div class="weui_cell_hd">
                    <input type="checkbox" name="checkbox1" class="weui_check" id="s13">
                    <i class="weui_icon_checked"></i>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <p>老钟子</p>
                </div>
            </label>  
             <label class="weui_cell weui_check_label" for="s14">
                <div class="weui_cell_hd">
                    <input type="checkbox" name="checkbox1" class="weui_check" id="s14">
                    <i class="weui_icon_checked"></i>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <p>小关子</p>
                </div>
            </label>           
                    
        </div>


  
  </div>
 </div> 



 <script>
  $(document).on("click", "#showToast", function() {
        $.toast("已保存");
        setTimeout( "window.location.href='detial.html'",1200)
      }); 

 $(document).on("click", "#sd2", function() {
        $.confirm("您确定要删除吗?", "确认删除?", function() {
          $.toast("已删除");

         setTimeout( "window.location.href='index.html'",1200)
          //返回列表
        }, function() {
          //取消操作
        });
      });

 
$("#d3").on("click",'span',function(){
    this.remove()
})


$("#time2,#time").datetimePicker({title:"选择日期时间"});

$("#success").tap(function(event){

         event.preventDefault();

       var pp= $(".weui_cells_checkbox").find("p");
       var html="";
       var sum=0;
     $(".weui_cells_checkbox").find("input:checked").each(function(i){
        var q=$(this).index($(".weui_cells_checkbox").find("input"));
   html=html+"<span>"+$(pp[i]).text()+"<i class='icon icon-95'></i></span>";
    sum=i+1;

     });

$("#d3").html(html);
$("#rysl").text(sum+"人")

});

 

// $(document).on("click", "#d3", function() {
//     if($("#d3").val()==""){}
//         else{
//               $.alert($("#d3").val(),"参与人员"+$("#rysl").text()); 
//         }

     
//       });
  </script>

	</body>
	</html>